// pages/datavision/index.js
const db = wx.cloud.database();
const cityCollection = db.collection('city');

//commonjs 是什么
const echarts = require('../../ec-canvas/echarts')

// 初始化一个chart，注意canvas的单位是px
// devicePixelRatio 设备像素，
const initChart = async (canvas,width,height,dpr) => {
  const { data } = await wx.request({
    url: 'http://localhost:3000/city',
  });
  const chart = echarts.init(canvas,null,{
    width,
    height,
    devicePixelRatio:dpr
  });

  let option = {
    backgroundColor:'#ffffff',
    series:[{
      label:{
        noraml:{
          fontSize:14
        },
        
      },
      type:'pie',
      center:['50%','50%'],
      radius:['20%','40%'],
      data
    
    

    }]
  }

  canvas.setChart(chart);
  chart.setOption(option);

}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    city:[],
    ec:{
      onInit:initChart
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
    // 使用这个函数要注意更改云数据库的权限
    const data = wx.request({
      url: 'http://localhost:3000/city/',
      success: (res) =>{
        console.log(res);
      }
    });

    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})